<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>N站——个人中心我的点赞</title>
    <!-- 标题栏logo -->
    <link rel="icon" href="../../image/nLogo.jpg" type="image/x-icon">
    <!-- 收藏夹里显示的logo -->
    <link rel="shortcut icon" href="../../image/nLogo.jpg" type="image/x-icon">
    <!-- layui样式 -->
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery.min.js"></script>
</head>
<body style="background: #F0F0F0;">
<!--导航栏-->
<div class="layui-row layui-panel" style=" background: #222222;">
    <div class="layui-col-md2" style="padding: 10px; text-align: center;">
        <a href="../../index.html" style="color: white; font-weight: bolder; font-size: x-large;">N站</a>
    </div>
    <div class="layui-col-md6" style="padding: 10px; color: white; font-size: x-large;">个人中心</div>
    <ul class="layui-nav layui-col-md2" style=" background: #222222;">
        <li class="layui-nav-item">
            <a><img src="../../image/avatar.jpg" class="layui-nav-img">peng_YuJun</a>
            <dl class="layui-nav-child">
                <dd style="color: white; text-align: center; background: orange">硬币：0</dd>
                <dd><a href="../self/selfData.html">个人中心</a></dd>
                <dd><a href="../publish/publishNews.html">新闻管理</a></dd>
                <dd><a href="../publish/publishRequest.html">申请成为新闻作者</a></dd>
                <dd><a href="#">退出登录</a></dd>
            </dl>
        </li>
    </ul>
    <div class="layui-nav layui-col-md2" style=" background: #222222; display: flex;align-items: center; padding: 10px;">
        <button class="layui-btn layui-btn-sm" lay-event="register">注册</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="login">登录</button>
    </div>
</div>
<div class="layui-row" style="display: flex; margin-top: 10px; height: 90vh;overflow-y: scroll;">
    <!--页面侧栏-->
    <div class="layui-col-md3" style="display: flex; flex-direction: column; align-items: flex-end; margin-right: 10px;">
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
            <li class="layui-nav-item"><a href="selfData.html">资料设置</a></li>
            <li class="layui-nav-item"><a href="selfCollect.html">我的收藏</a></li>
            <li class="layui-nav-item"><a href="selfCoin.html">我的投币</a></li>
            <li class="layui-nav-item layui-this"><a href="selfLike.html">我的点赞</a></li>
            <li class="layui-nav-item"><a href="selfComm.html">我的评论</a></li>
            <li class="layui-nav-item"><a href="selfWatch.html">我的足迹</a></li>
            <li class="layui-nav-item"><a href="selfSubscribe.html">我的订阅</a></li>
            <li class="layui-nav-item"><a href="selfPwd.html">修改密码</a></li>
        </ul>
    </div>
    <!-- 页面主体 -->
    <div class="layui-col-md7">
        <div class="layui-panel"  style="padding: 10px; font-size: larger;">我的点赞</div>
        <div class="layui-panel" style="padding: 10px;">
            <div class="layui-panel" style="display: flex; padding: 10px; position: relative;">
                <img src="../../image/news.jpg"  style="width: 64px; height: 40px; margin-right: 20px;">
                <div style="line-height: 24px">
                    <p style="font-weight: bolder;">您 <span style="font-weight: lighter; font-size: smaller;margin-left: 10px;">于某时 点赞了新闻</span></p>
                    <p style="font-weight: bolder;"><a href="../newsContent.html" target="_blank">《新闻标题》</a></p>
                </div>
                <button type="button" onclick="delLike()" class="layui-btn layui-btn-primary layui-btn-sm" style="position: absolute; right: 10px;bottom: 10px;">
                    取消点赞
                </button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">

    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use(['util', 'layer','form','element'], function(){
        var element = layui.element
            ,util = layui.util
            ,form = layui.form;

        util.event('lay-event',{
            login : function (){
                window.location.href = "../user/userLogin.html";
            },
            register: function (){
                window.location.href = "../user/userRegister.html";
            }
        })

    });

    function delLike(likeId){
        layer.confirm('是否确定取消，确定将删除该点赞记录，且不可恢复！', {
            btn: ['确定','取消'] //按钮
        }, function(){
                layer.close(layer.index);
                layer.msg('没有编写进一步的事件', {icon: 3});
            }, function(){
                layer.close(layer.index);
                layer.msg('已取消', {icon: 1});
        });
    }
</script>
</html>